<template>
  <div>
    
    <template v-if="$app.judgeData(orderInfo) && $app.judgeData(orLiInfo)">
      <div>
        <div class="TJ_big paddingL30">
          <Row :gutter="15" class="TJ_box borderNone">
            <Col :span="8" class="marginB10">
              <div>
                专利名称：
                <span class="cBlue">{{orderInfo.name}}</span>
              </div>
            </Col>

            <Col :span="8" class="marginB10" v-show="( $app.judgeData(orderInfo.applicant_list))">
              <div>客户名称：{{( $app.judgeData(orderInfo.applicant_list)) ? orderInfo.applicant_list[0].name:''}}</div>
            </Col>

            <Col :span="8" class="marginB10">
              <div>下单时间：{{orderInfo.created_date}}</div>
            </Col>
            
          </Row>
          
          <Row :gutter="15" class="TJ_box paddingB20">
            <template v-if="$app.judgeData(orderInfo.patent_number)">
              <Col :span="8">
                <div>
                  专利号：
                  <span class="cBlue">{{orderInfo.patent_number}}</span>
                </div>
              </Col>
            </template>
            <Col :span="8">
              <div>
                代理人：
                {{orderInfo.attorney_name_list}}
              </div>
            </Col>
            <Col :span="8">
              <div v-show="$app.getVal_fileUrl(orderInfo.attorney_path)">
                <span class="cBlue textLine" @click="$app.openWindow($app.getVal_fileUrl(orderInfo.attorney_path))">
                  <i class="iconfont marginR5 f_18" :class=" $app.fileIcon(orderInfo.attorney_path)"></i>
                  <span class="cBlue f_16">代理委托书</span>
                </span>
              </div>
            </Col>
          </Row>
          
        </div>
      </div>

      <!-- 申请人信息 -->
      <Middle_applicant_list ref="Middle_applicant_list" :orderInfo="orderInfo" :orLiInfo="orLiInfo"/>

      <template v-if="$app.judgeData(orderInfo.inventor_list)">
        <div class="lineH34 c333 f_16 f_bold marginB10">发明人</div>
        <div>
          <template v-for="(val,i) in orderInfo.inventor_list" v-if="i==0">
            <div class="TJ_big paddingL30 marginB10">
              <Row :gutter="15" class="TJ_box ">
                <Col :span="8" class="marginB10">
                  <div>发明人{{i+1}}：{{val.name}}{{val.is_not_public?'（不公开姓名）':' '}}</div>
                </Col>
                <Col :span="8" class="marginB10">
                  <div :class="(i>0) ? ' visHidden ' :' '">国籍：{{val.nationality_name}}</div>
                </Col>
                <Col :span="8" class="marginB10">
                  <div :class="(i>0) ? ' visHidden ' :' '">身份证号：{{val.id_card}}</div>
                </Col>
              </Row>
            </div>
          </template>

          <template v-if="orderInfo.inventor_list.length>1">
            <div class="TJ_big paddingL30 ">
              <Row :gutter="15" class="TJ_box paddingB10">
                <Col
                  :span="8"
                  class="marginB10"
                  v-for="(val,i) in orderInfo.inventor_list"
                  :key="'i_list'+i"
                  v-if="i>0"
                >
                  <div>发明人{{i+1}}：{{val.name}}{{val.is_not_public?'（不公开姓名）':' '}}</div>
                </Col>
              </Row>
            </div>
          </template>
        </div>
      </template>
    </template>
  </div>
</template>



<script>
import Middle_applicant_list from './middle_applicant_list';
export default {
  name: "middleBase",
  components: {Middle_applicant_list},
  props: ["orderInfo", "orLiInfo"],
  data() {
    let data = {};
    let tool = {};
    return Object.assign(data, tool);
  },
  mounted() {

  },
  methods:{
    
  }
};
</script>

